{% extends 'base.html' %}
{% block head %}
    <script src={{ url_for('static', filename='js/register.js') }}></script>
{% endblock %}
{% block title %}注册{% endblock %}
{% block content %}
    <div class="container">
        <div class="row" style="margin-top: 20px;">
            <div class="col-3"></div>
            <div class=" col-md-6 col-md-offset-3">
                <form action="#" method="post">
                    <div class="form-group">
                        <label for="username">用户名</label>
                        <input type="text" name="username" placeholder="用户名"
                               id="username" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" name="password" placeholder="密码"
                               id="password" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="verify_password">确认密码</label>
                        <input type="password" name="verify_password"
                               placeholder="再次输入密码"
                               id="verify_password" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="email">邮箱</label>
                        <input type="email" name="email" placeholder="邮箱" id="email" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="captcha">验证码</label>
                        <div>
                            <input type="text" name="captcha" placeholder="验证码" id="captcha"
                                   class="form-control-sm col-8">
                            <button class="btn btn-dark col-3" id="captcha-btn">获取验证码</button>
                        </div>
                    </div>

                    <div class="col-md-12 text-center">
                        <input class="btn btn-primary col-3" style="margin-top: 20px;" id="register-btn" name="register"
                               type="submit" value="注册">
                    </div>
                    <div>
                        <a href={{ url_for('auth.login') }} id="login-btn">已有账号？去登录</a>
                    </div>

                </form>
            </div>
        </div>
    </div>
{% endblock %}
